@charset "UTF-8";


/**----------------------------------表格Table大类：控制table元素相关的布局、单元格间距、标题行显示位置等------------------------------------------**/


/**
目录分类：
	bc-tb-tl[-类型][类别]：table-layout，设置表格的布局方式。
	bc-tb-bc[-类型][类别]：border-collapse，设置表格的行和单元格的边是合并在一起，还是分开显示。
	bc-tb-bs[类别]：border-spacing，设置表格的行和单元格的边框在横向和纵向上的间距。注意：只有当表格边框独立（即border-collapse属性等于separate时），此属性才起作用。
	bc-tb-cs[-类型][类别]：caption-side，设置表格的caption元素是在表格的上下左右哪一边显示。
	bc-tb-ec[-类型][类别]：empty-cells，设置当表格的单元格无内容时，是否显示该单元格的边框。
*/




/**
表格的布局方式：
格式：
	bc-tb-tl[-类型][类别]
说明：
	前缀为bc-tb-tl，代表：table-layout，设置表格的布局方式。
	类别为数字编号，用于定义各种不同的表格布局方式。
类型：
	0|a：auto，默认值，自动布局，根据单元格内容计算单元格自动拉伸。
	1|f：fixed，固定布局，一般是平均分布各列的宽度。
*/
.bc-tb-tl0, .bc-tb-tl-a{
	table-layout: auto;
}
.bc-tb-tl1, .bc-tb-tl-f{
	table-layout: fixed;
}




/**
设置表格的行和单元格的边是合并在一起，还是分开显示：
格式：
	bc-tb-bc[-类型][类别]
说明：
	前缀为bc-tb-bc，代表：border-collapse，设置表格的行和单元格的边是合并在一起，还是分开显示。
类型：
	0|s：separate，默认值，自动布局，边框独立，分开显示。
	1|c：collapse，边框合并到一起。
*/
.bc-tb-bc0, .bc-tb-bc-s{
	border-collapse: separate;
}
.bc-tb-bc1, .bc-tb-bc-c{
	border-collapse: collapse;
}




/**
设置表格的行和单元格的边框在横向和纵向上的间距：
格式：
	bc-tb-bs[类别]
说明：
	前缀为bc-tb-bs，代表：border-spacing，设置表格的行和单元格的边框在横向和纵向上的间距。
	类别为数字编号，用于定义各种不同的间距大小。
注意：
	只有当表格边框独立（即border-collapse属性等于separate时），此属性才起作用。
*/
.bc-tb-bs0{
	/*对应作用：水平间距、垂直间距*/
	border-spacing: 5px 5px;
}
.bc-tb-bs1{
	/*对应作用：水平间距、垂直间距*/
	border-spacing: 10px 10px;
}




/**
设置表格的caption元素是在表格的上下左右哪一边显示：
格式：
	bc-tb-cs[-类型][类别]
说明：
	前缀为bc-tb-cs，代表：caption-side，设置表格的caption元素是在表格的上下左右哪一边显示。
	类别为数字编号，用于定义各种不同的显示边。
类型：
	0|t：top，默认值，设置caption元素显示于表格的上边。
	1|b：bottom，设置caption元素显示于表格的下边。
	2|l：left，设置caption元素显示于表格的左边。
	3|r：right，设置caption元素显示于表格右边。
*/
.bc-tb-cs0, bc-tb-cs-t{
	caption-side: top;
}
.bc-tb-cs1, bc-tb-cs-b{
	caption-side: bottom;
}
.bc-tb-cs2, bc-tb-cs-l{
	caption-side: left;
}
.bc-tb-cs3, bc-tb-cs-r{
	caption-side: right;
}




/**
设置当表格的单元格无内容时，是否显示该单元格的边框：
格式：
	bc-tb-ec[-类型][类别]
说明：
	前缀为bc-tb-ec，代表：empty-cells，设置当表格的单元格无内容时，是否显示该单元格的边框。
	类别为数字编号，用于定义各种不同的empty-cells类型。
类型：
	0|s：show，默认值，显示该单元格的边框。
	1|h：hide，单元格无内容时，不显示该单元格的边框。
*/
.bc-tb-ec0, bc-tb-ec-s{
	empty-cells: show;
}
.bc-tb-ec1, bc-tb-ec-h{
	empty-cells: hide;
}



